 <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{$Think.config.site.title} - 管家管理</title>
    <meta name="keywords" content="{$Think.config.site.keywords}">
    <link href="{$Think.config.site.resource_url}css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
    <link href="{$Think.config.site.resource_url}css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="{$Think.config.site.resource_url}css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="{$Think.config.site.resource_url}css/animate.min.css" rel="stylesheet">
    <link href="{$Think.config.site.resource_url}css/style.min.css?v=4.0.0" rel="stylesheet">
</head>
<style>
*{font-size: 14px;}
ul{margin: 0;padding: 0;}
ul li{list-style: none;}

a,a:hover,a:link{color: #676a6c}

.clear{clear: both;}
.padding{padding: 0 15px}

.order_no{ background: #fff; font-size: 14px; font-size: 14px; padding-top: 5px;}
.goods-list{ background: #fff; margin-bottom: 8px; margin-top: 8px;}
.goods-item{ background: #fff; border-bottom: 1px solid #f3f3f4;}
.list-box{
	display: -webkit-box;
    display: -webkit-flex;
    display: flex;
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
}
.v-img{ width: 20%; display: -webkit-box; display: -webkit-flex;  display: flex; align-items: center;}
.v-img img{width: 100%;}
.v-info{
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	padding: 0px 0 0 10px
}
.v-info p{margin:0; }
.v-info .v-specval{font-size: 14px; color: #888; margin-top: 5px;}

.order_info{background: #fff; margin-bottom: 8px;}
.order_info .list-box{padding: 2px 0}
.order_info .xj{border-top: 1px solid #eee;}

.goods-box,.price-box{
	padding: 0 15px;
	background: #fff;
	margin-bottom: 8px;
	align-items: center;
}
.goods-box .msg{border-bottom: 1px solid #eee; padding: 0px 0px 8px; font-size: 12px;}
.goods-item,.price-item{
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	padding:10px 0;
	align-items: center;
}
.goods-item .item{
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
}
.img-box{
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	overflow: hidden;
}
.item-box{table;  width: 95%; }
.img-box { width: 25%; float: left;}
.img-box img{width: 100%;}
.op-box{}
.op-box i{font-size: 24px;}
.op-box span{line-height: 16px;}
</style>
<body class="gray-bg">
	<div class="mbody">
		{include file='public/userinfo' /}
		{volist name="list" id="vo"}
		<div class="goods-list">
			<div class="order_no list-box padding">
				<div class="list-box">下单时间：{$vo.create_time}</div>
				<span>
					{switch name="vo.order_status"}
	                    {case value="0"}待支付{/case}
	                    {case value="20"}备货中{/case}
	                    {case value="30"}备货中{/case}
	                    {case value="40"}待收货{/case}
	                    {case value="50"}退货中{/case}
	                    {case value="100"}已完成{/case}
	                {/switch}
				</span>
			</div>
			<div class="goods-box">
				<a href="{:url('orderDetail',['shop_id'=>$shop_id,'order_id'=>$vo['order_id']])}">
				<div class="goods-item">
					<div class="item">
						<div class="item-box">
						{volist name="vo['list']" id="voo" length="4"}
							<div class="img-box"><img src="{$voo.goods_picture}"></div>
						{/volist}
						</div>
					</div>
					<div class="op-box">
						<i class="fa fa-angle-right"></i>
					</div>
				</div>
				</a>
			</div>
			<div class="order_info padding">
				<div class="list-box">
					<div class="list-box">共{:sizeof($vo['list'])}件商品</div>
					<span>￥{$vo.order_money}(含运费￥{$vo.shipping_money})</span>
				</div>
			</div>
		</div>
		{/volist}
	</div>
	
    <script src="{$Think.config.site.resource_url}js/jquery.min.js?v=2.1.4"></script>
    <script src="{$Think.config.site.resource_url}js/bootstrap.min.js?v=3.3.5"></script>
    <script src="{$Think.config.site.resource_url}js/plugins/layer/layer.js"></script>
    <script src="{$Think.config.site.resource_url}js/plugins/iCheck/icheck.min.js"></script>
    <script src="{$Think.config.site.common_resource_url}js/majax.js"></script>
    <script src="{$Think.config.site.common_resource_url}js/jedit.js"></script>
    {include file='public/footer' /}
</body>

</html>
<script>


</script>